@import "../../../styles/bootstrap-variables";
@import "bootstrap/scss/tooltip";
.bs-tooltip{
  padding: 0.5rem 0.625rem;
  font-size: 0.75rem;
  &.is-dark{
    color: #fff;
    box-shadow: 0 0.1875rem 0.375rem -0.25rem #0000001f, 0 0.375rem 1rem #00000014, 0 0.5625rem 1.75rem 0.5rem #0000000d;
    //box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    background-color: #191919;
  }
  &.is-light{
    border: 1px solid #e0e0e0;
    color: #191919;
    background-color: #fff;
    .bs-popper-arrow{
      &::before{
        /*width: 0.615rem;
        height: 0.615rem;*/
        border: 1px solid transparent;
        //border-top-color: #e0e0e0;
        //border-left-color: #e0e0e0;
      }
    }
    &[data-popper-placement^='top']{
      .bs-popper-arrow{
        &::before{
          border-bottom-color: #e0e0e0;
          border-right-color: #e0e0e0;
        }
      }
    }
    &[data-popper-placement^='bottom']{
      .bs-popper-arrow{
        &::before{

          border-top-color: #e0e0e0;
          border-left-color: #e0e0e0;
        }
      }
    }
    &[data-popper-placement^='left']{
      .bs-popper-arrow{
        &::before{
          border-top-color: #e0e0e0;
          border-right-color: #e0e0e0;
        }
      }
    }
    &[data-popper-placement^='right']{
      .bs-popper-arrow{
        &::before{
          border-bottom-color: #e0e0e0;
          border-left-color: #e0e0e0;
        }
      }
    }
  }
}
